#order{
	height: 100%;
	.sideBar{
		position: fixed;
	    left: 0;
	    top: 0;
	    width: 180px;
	    height: 100%;
	    background: #fff;
	    border-right: 1px solid #e2e2e2;
	    box-shadow: 2px 0 6px #f2f2f2;
	    z-index: 10;
	    .subnav{
	    	margin-top: 62px;
	    	.item{
	    		.title{
	    			cursor: pointer;
				    display: inline-block;
				    min-height: 35px;
				    line-height: 35px;
				    width: 100%;
				    .text{
				    	margin-left: 16px;
    					font-size: 14px;
    					font-weight: bold;
				    }
				    i{
				    	display: inline-block;
					    position: relative;
					    top: -2px;
					    left: 13px;
					    text-align: center;
					    width: 30px;
					    font-size: 14px;
					    vertical-align: middle;
				    }
	    		}
	    		.active{
	    			color: #00b4f7;
	    		}
	    		.subnav-item{
				    ul{
				    	li.active{
			    			a{
			    				color: #00b4f7;
							    border-left: 4px solid #00b4f7;
							    background: #f5f5f5;
							    padding-left: 46px;
			    			}
				    	}
				    	li{
				    		a{
				    			display: block;
							    padding-left: 50px;
							    line-height: 30px;
							    cursor: pointer;
							    outline: 0;
				    		}
				    	}
				    }
	    		}
	    	}
	    }
	}
	.main{
		position:relative;
		margin-left: 180px;
		.channel-all{
			.q-order{
				padding: 0 20px;
    			min-height: 400px;
    			.search{
    				padding: 10px 0;
					.search-control{
						display: inline-block;
    					vertical-align: middle;
					}
					.list{
						.more-btn{
							display: inline-block;
						    line-height: 30px;
						    vertical-align: middle;
						    cursor: pointer;
						}
						.form-control:focus{
							border-color:#00b4f7;
							outline:0;
						}
					}
    			}
			}
		}
	}
}
